<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery UI Notification Widget by Eric Hynds</title>

<link type="text/css" rel="stylesheet" href="../include/scripts/notify/ui.notify.css" />
<script src="../include/scripts/notify/src/jquery.js" type="text/javascript"></script>
<script src="../include/scripts/notify/src/jquery-ui.js" type="text/javascript"></script>
<script src="../include/scripts/notify/src/jquery.notify.js" type="text/javascript"></script>

<script type="text/javascript">
	function create( template, vars, opts ){
		return $container.notify("create", template, vars, opts);
	}
	
	$(function(){

		$container = $("#container").notify();
		var content = "Dicka pa lidhje"

		if (content != null) {
			//create("default", { title:'Kujdes', text:'Example of a default notification.  I will fade out after 5 seconds'});
			create("sticky", { title:'Kujdes', text:content},{ expires:false });
		}
	
	});
</script>

</head>
<body>

<div id="content">
	
	<!--- container to hold notifications, and default templates --->
	<div id="container" style="display:none">
		
		<div id="default">
			<h1>#{title}</h1>
			<p>#{text}</p>
		</div>
		
		<div id="sticky">
			<a class="ui-notify-close ui-notify-cross" href="#">x</a>
			<h1>#{title}</h1>
			<p>#{text}</p>
		</div>
	</div>
</div>
</body>
</html>
